<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />


<style>
        *{
            padding: 0;
            margin: 0;
        }
        body{
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 12px;
            color: #222222;
        }
        html , body{
            height: 100%;
            width: 100%;
            /*只显示一屏页面*/
            /*overflow: hidden;*/
        }
        #box{
            position: relative;
            height: 100%;
            width: 100%;
        }
        #loading{
            text-align: center;
            position: absolute;
            bottom: 120px;
            left: 50%;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
        }
        #loading a{
            color: #444444;
            display: inline-block;
            border: 1px solid #cccccc;
            width: 500px;
            height: 70px;
            line-height: 70px;
            padding: 20px 20px 20px 50px;
            border-radius: 15px;
            font-size: 40px;
            text-decoration: none;
            box-shadow: 1px 1px 1px #ccc;
        }
        #loading #load_android{
            background: url("image/android.png") no-repeat #5FD6FF 50px 15px;
        }
        #loading #load_ios{
            margin-top: 70px;
            background: url("image/ios.png") no-repeat #5FD6FF 50px 15px;
        }
        #pic{
            text-align: center;
            position: absolute;
            width: 100%;
        }
        #pic img{
            width: 400px;
            height: 400px;
            margin-top: 100px;
            padding: 10px 10px 10px 10px;
            border: 1px solid #444444;
            border-radius: 15px;
        }
        #shade{
            position: relative;
            /*水平居中*/
            text-align: center;
            width: 100%;
            height: 100%;
            background-color:rgba(0,0,0,0.5);
        }
        #shade p{
            position: absolute;
            color: white;
            font-size: 40px;
            text-align: center;
            top:50%;
            width: 100%;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
        }
        #shade p span{
            color:#5FD6FF;
        }
        #title{
            width: 100%;
            margin-top: 15px;
        }
        #title h2,h3{
            text-align: center;
            width: 100%;
            font-family: "Adobe 楷体 Std R";
        }
        #title h2{
            font-size: 40px;
        }
        #title h3{
            font-size: 35px;
        }
        #img{
            position: absolute;
            display: block;
            right: 0;
            top:0;
        }
        #introduce{
            margin-top: 60px;
        }
        #introduce p{
            margin-bottom: 15px;
            font-size: 32px;
            color: #1c0c0f;
        }
    </style>


<div id="box">
        <div id="pic" style="display: none">
            <img src="https://alittleprince.gitee.io/res/img/tgtv/img/default.jpg" alt="qr">
            <div id="title">
                <h2>唐果TV</h2>
                <h3>v1.0.0</h3>
            </div>
            <div id="introduce">
                <p>手机观看电视、卫视软件</p>
                <p>以直播形式观看</p>
                <p>通过App可以快速查看想要观看的电视频道</p>
            </div>
        </div>
        <div id="loading" style="display: none">
            <a id='load_android' href="http://home.geekidentity.com:5200/f/4a7737d13f6c42b4b20e/?dl=1">Android 下载</a>
            <a id='load_ios' href="javascript:;">ios 立即下载</a>
        </div>
        <div id="shade" style="display: none">
            <p>在微信中无法下载app,<br>请打开左上角按钮选择<span>【在浏览器打开】</span>进行下载</p>
            <img id='img' src="https://alittleprince.gitee.io/res/img/sys/右上角.png" alt="pic">
        </div>
</div>
<script type="text/javascript">
    window.onload = function(){
        if(isWeiXin()){		
            var shade = document.getElementById('shade')
            shade.style.display = 'block'
        }else{		
			var pic = document.getElementById('pic')
            pic.style.display = 'block'
			var loading = document.getElementById('loading')
            loading.style.display = 'block'
		}
    }
    function isWeiXin(){
        var ua = window.navigator.userAgent.toLowerCase();
        if(ua.match(/MicroMessenger/i) == 'micromessenger'){
            return true;
        }else{
            return false;
        }
    }
</script>


